<!doctype html>
<html>
	<head>
		<meta name="layout" content="main"/>
		<title>Store Management</title>
		<script type="text/javascript">
			$(document).ready(function(){
				$("#accordion").accordion({collapsible: true});
			});		
		</script>
	</head>
	<body>
		<div id="controller-list" role="navigation">
			<h2>Store Manager Home</h2>
			<hr /><br />
			<g:if test='${flash.message}'>
				<div class="message" role="status">${flash.message}</div>
			</g:if>
			<div id="welcomeInit">
				<h3>Welcome!</h3>
				<hr />
				<div id="welcomParagraph">
					<p>Welcome to the Store Manager Homepage. Here, you can manage stores, inventory, and deals. See the left<br />
					   navigation for helpful links. Below, there are some common items you may want to see.</p>
			    </div>
		    </div>
		    <div id="siteNews">
		    	<h3>News</h3>
		    	<hr />
		    	<div id="newsParagraph">
		    		<p>News will go here. Stay tuned for updates!</p>
		    	</div>
		    </div>
		    <div id="helpfulTools">
		    	<h3>Helpful Tools in an Accordion</h3>
		    	<hr /><br />
				<div id="accordion">
				    <h3><a href="#">First header</a></h3>
				    <div>First content</div>
				    <h3><a href="#">Second header</a></h3>
				    <div>Second content</div>
				</div>
			</div>
			<br /><br />
			<!-- <table class="datatabled">
				<thead>
					<tr>
						<th>full name</th>
						<th>class</th>
					</tr>
				</thead>
				<tbody>
					<g:each var="c" in="${grailsApplication.controllerClasses.sort { it.fullName } }">
						<tr>
							<td><g:link controller="${c.logicalPropertyName}">${c.fullName}</g:link></td>
							<td>${c.class }</td>
						</tr>
					</g:each>
				</tbody>
			</table> -->
		</div>
	</body>
</html>
